<div class="users form login">
<?php e($form->create('User', array('action' => 'login')));?>
    <fieldset>
        <legend><?php __('User Login'); ?></legend>
        <?php e($form->input('username',
            array('label'=>__('UserName', true), 'class' => 'text input', 'autocomplete'=> 'off',
                'title'=>'学生用户的用户名是学号, 如20062128'))); ?>
        <?php e($form->input('password',
            array('label'=>__('Password', true), 'type'=>'password', 'class' => 'password input',
                'title'=>'至少为6位的数字和字母组合, 初始密码为6个0(为确保账户安全, 登录系统后请修改密码)'))); ?>
        <?php e($form->input('remember_me',
            array('label'=>__('Remember Me', true), 'class' => 'checkbox', 'type'=>'checkbox'))) ?>
        <br class="clear"/><br />
        <?php e($form->submit(__('Login', true), array('class' => 'submit attention'))); ?>
        <?php e($form->button(__('Cancel', true), array('class' => 'submit', 'id'=>'close_login_form'))); ?>
    </fieldset>
<?php e($form->end()); ?>

</div>
<script type="text/javascript">
jQuery(function(){
    $.sme.cbk.loginFormAdjust();
    $.sme.cbk.loginFormOverlay();
    $.sme.cbk.loginFormValidate();
    $.sme.cbk.loginFormTooltip();
});

$.extend($.sme.cbk, {
    loginFormAdjust: function(){
        /* justify UserRememberMe label */
        $('label[for=UserRememberMe]').addClass('checkbox');
    },
    loginFormOverlay: function(){
        var api = $('div.login').overlay({
            effect: 'apple',
            api: true,
            left: 800,
            top: 60
        });
        $('a#login').click(function(event){
            event.preventDefault();
            api.load();
        });
        $('input#close_login_form').click(function(){
            api.close();
        });
    },
    loginFormValidate: function(){
        $('#UserLoginForm').submit(function(){
            if(!$(this).valid()){ return false; }
        }).validate({
            rules: {
                'data[User][username]': 'required',
                'data[User][password]': 'required'
            },
            messages: {
                'data[User][username]': '请输入有效用户名',
                'data[User][password]': '请输入登录密码'
            }
        });
    },
    loginFormTooltip: function(){
        $('div.login input[title]').tooltip({
            position: "center left",
            lazy: false,
            effect: 'slide',
            offset: [20, -18],
            tip: '#tooltip'
        });
    }
});

</script>